﻿@using App.Common

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
    <script type="text/javascript">uaredirect("http://www.xzjjhly.com/wap/home/index/");</script>

    <link rel="icon" href="../../favicon.ico">
    <title>西藏中青旅</title>
    <link href="~/Content/dist/css/bootstrap.css" rel="stylesheet" />
    <link href="~/Content/ytcms/css/Style.css" rel="stylesheet" />
    <link href="~/Content/ytcms/css/Common.css" rel="stylesheet" />

    <link href="/Content/poshytip/tip-yellow/tip-yellow.css" rel="stylesheet" />
    <link href="/Content/JAlert.css" rel="stylesheet" />
    <link href="/Content/My97DatePicker/skin/WdatePicker.css" rel="stylesheet" />

    <script src="/Scripts/jquery-1.10.2.js"></script>
    <script src="/Content/dist/js/bootstrap.js"></script>
    <script src="/Scripts/jquery.SuperSlide.2.1.1.js"></script>
    <script src="/Scripts/jquery.carouFredSel-6.1.0-packed.js"></script>

    <script src="/Scripts/jquery.alerts.js"></script>
    <script src="/Content/poshytip/jquery.poshytip.js"></script>
    <script src="/Scripts/jquery.validate.js"></script>
    <script src="/Scripts/jquery.validate.unobtrusive.js"></script>
    <script src="/Content/My97DatePicker/WdatePicker.js"></script>
    <script src="/Scripts/WZTValidator.js"></script>
    <script src="/Scripts/WZTPage.js"></script>
</head>
<body>
    @Html.Partial("_header")
    @RenderBody()
    
    <!--footer--->
    @Html.Partial("_footer")
</body>
</html>

<script>
    jQuery(".slider .bd li").first().before(jQuery(".slider .bd li").last());
    jQuery(".slider").hover(function () { jQuery(this).find(".arrows").stop(true, true).fadeIn(300) }, function () { jQuery(this).find(".arrows").fadeOut(300) });
    jQuery(".slider").slide({ titCell: ".hd ul", mainCell: ".bd ul", effect: "leftLoop", autoPlay: true, vis: 3, autoPage: true, trigger: "click" });
    $(function () {
        $('#foo2').carouFredSel({
            auto: false,
            prev: '#prev',
            next: '#next',
            mousewheel: true,
            swipe: {
                onMouse: true,
                onTouch: true
            }
        });
        $('#foo2 > li').mouseover(function () {
            var that = $(this);
            //that.children("img").hide().next(".list_carousel_text").show();
        })
        $('#foo2 > li').mouseout(function () {
            var that = $(this);
            that.children("img").show().next(".list_carousel_text").hide();
        })
        $('#foo3').carouFredSel({
            responsive: true,
            auto: true,
            width: '100%',
            scroll: 2,
            pagination: "#pager",
            items: {
                width: 300,
                height:300,	//	optionally resize item-height
                visible: {
                    min: 2,
                    max: 6
                }
            }
        });
    })
</script>